.scroll_top {
  background: url(images/back.png) top center no-repeat;
}

.scroll_mid {
  background: url(images/sides.png) center repeat-y;
}

.scroll_bottom {
   background: url(images/bottom.png) bottom center no-repeat;
}

body {
  background-color: #eeeeaa;
  text-align: center;
}

@media (orientation: portrait) {
  .scroll {
    background-size: 100%;
  }

  .scroll_top {
    padding-bottom: 22%;
    padding-top: 3%;
  }

  .scroll_bottom {
    padding-bottom: 15.4%;
  }
}

@media (orientation: landscape) {
  .scroll_top {
    padding-bottom: 80px;
    padding-top: 20px;
  }

  .scroll_bottom {
    padding-bottom: 64px;
  }
}

select {
  border: 1px solid #ccc;
  font-size: 20px; }
  
input.value { width:4em;}

table {
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}


    td {
      width:6em;
      font-variant: small-caps;
      font-size:10pt;
    }
    td.encounter {
      background-color:#eeb;
      
    }
    td.left_label {
      text-align: right;
      padding-left:0em;
    }
    td.actions {
      text-align:center;
      padding-left:4em;
    }
    td.results {
      text-align:center;
      padding-left:4em;
    }
    td.end {
      height: 60px;
      text-align:center;
    }
    span { 
      font-size: 8pt; 
    }
    span.title {
      font-size: 14pt;
      padding-left:4em;
      font-variant: small-caps;
    }
    span.num {
      font-size: 32pt;
    }
    small {
      color:#777777;
    }
    b {
      font-variant: small-caps;
    }
    h3 {
      font-size: 14pt;
      padding-right: 2em;
      font-variant: small-caps;
    }
